<div class="box-container">
    <div class="left-panel">
        <nz-tree
                #objTreeComponent
                [nzData]="listData"
                [nzSelectedKeys]="currentNode"
                nzExpandAll
                (nzClick)="selectedAreaChanged($event)">
        </nz-tree>
    </div>

    <div class="right-panel">
        <div class="content-top-bar">
            <div class="right-title">{{contentTitle}}</div>

            <div class="right-ctrl-box">
                <div style="margin-right: 20px">(水量： 万m³)</div>
                <div>
                    日期：
                    <nz-date-picker [(ngModel)]="today" (ngModelChange)="onDateChanged($event)"></nz-date-picker>
                </div>
                <div class="table-btn-group">
                    <button nz-button nzType="primary">填报</button>
                </div>
                <div class="custom-btn-group">
                    <a class="top-bar-btn" (click)="exportFile()">
                        <i nz-icon nzType="file-excel" nzTheme="outline"></i> 导出
                    </a>
                </div>
            </div>
        </div>
        <div class="main-content">
            <nz-table #gateDetailTable
                      [nzData]="gateDetailData"
                      nzBordered
                      [nzFrontPagination]="false"
                      nzSize="middle">
                <thead>
                <tr>
                    <th>斗口名称</th>
                    <th>水量</th>
                </tr>
                </thead>
                <tbody>
                <tr *ngFor="let data of gateDetailTable.data" class="editable-row">
                    <td>{{ data.name }}</td>
                    <td>{{ data.water }}</td>
                </tr>
                </tbody>
            </nz-table>

        </div>
    </div>
</div>
